<template>
  <div class="head-title">
    <van-nav-bar left-text="返回"  title="个人信息维护"  left-arrow fixed  @click-left="onClickLeft" />

        <!-- 登录名 -->
        <van-field v-model="loginName" label="登录名" />
        <!-- 用户名 -->
        <van-field v-model="userName" type="text" label="用户名" />
        <!-- 手机号 -->
        <van-field v-model="mobile_No" type="text" label="手机号" />
        <!-- 真实名称 -->
        <van-field v-model="realName" type="text" label="真实名称" />
        <!-- 性别 -->
        <van-field v-model="gender" type="text" label="性别" />
        <!-- 用户头像 -->
         <van-field v-model="email" type="text" label="邮箱" />
        <!-- <van-field v-model="head_image" type="text" label="用户头像" /> -->

        <van-button type="primary" block @click="UpdateUserInfo()" class="btn">保存</van-button>
  </div>
</template>

<script>


export default {
  data() {
    return {
        id: null,//用户ID
        loginName: null,//"string",//登录名
        userName: null,//"string",//用户名
        mobile_No: null,//"string",//手机号
        realName: null,//"string",//真实名称
        gender: true,//性别
        head_image: null,//"string"//用户头像
        email:null
    };
  },

  methods: {
    //提交修改信息
    UpdateUserInfo() {
      const PWD = JSON.parse(sessionStorage.getItem("PWD"));
      this.$axios({
        method: "post",
        url: "/api/User/UpdateUserInfo",
        headers: {sessionKey:PWD.sessionKey,authorization:PWD.token},
        data: {
            id: this.id,//用户ID
            loginName:this.loginName,// "string",//登录名
            userName: this.userName,//"string",//用户名
            mobile_No: this.mobile_No,//"string",//手机号
            realName:this.realName,// "string",//真实名称
            email:this.email
            // gender: true,//性别
            // head_image: "string"//用户头像
        }
      })
        .then(res => {
          if (res.data.code === 0) {
             this.$toast({
              duration: 800,
              message:'修改信息成功'
            });
          }
          if (res.data.code == 1) {
            this.$toast({
              duration: 800,
              message: res.data.Message
            });
          }
        })
        .catch(err => {
          console.log(err);
        });
    },
    //返回
    onClickLeft() {
      // this.$router.push("/home");
      this.$router.go(-1);
    }
  },

  created() {

    const PWD = JSON.parse(sessionStorage.getItem("PWD"));
    
    this.id =  PWD.id,//用户ID
    this.loginName =  PWD.loginName,//"string",//登录名
    this.userName =  PWD.userName,//"string",//用户名
    this.mobile_No =  PWD.mobile_No,//"string",//手机号
    this.realName =  PWD.realName,//"string",//真实名称
    this.gender =  PWD.gender,//性别
    this.head_image =  PWD.head_image,//"string"//用户头像
    this.email = PWD.email

    this.$emit("header", false);
    this.$emit("footer", false);
  },

  /*
  页面初始化钩子函数 mounted
  */
  mounted() {
  
  }
};
</script>
<style lang="less" scoped>
 .btn{
      margin-top: 20px;
  }
</style>

